@CHARSET "ISO-8859-1";

body{
	background-color: #F3F781;
}

#titre{
	background-color: #F8FBB9;
	width: 200px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
	border-top: 1px solid #625780;
	border-bottom: 1px solid #625780;
	border-left: 4px solid #625780;
	border-right: 4px solid #625780;
	
	font-family: trebuchet ms;
	font-size: 30px;
	font-variant: small-caps;
	color: #625780;
	transition: 0.8s;
	-moz-transition: 0.8s;
	-webkit-transition: 0.8s;
	-o-transition: 0.8s; 
	margin-left: 230px;
}

#titre:hover{
	font-family: trebuchet ms;
	font-size: 30px;
	font-variant: small-caps;
	color: #99627E;
	transition: 0.8s;
	-moz-transition: 0.8s;
	-webkit-transition: 0.8s;
	-o-transition: 0.8s; 
	
	border-top: 1px solid #99627E;
	border-bottom: 1px solid #99627E;
	border-left: 4px solid #99627E;
	border-right: 4px solid #99627E;
}

.cadrePhoto{
	height: 200px;
	width: 150px;
	background-color: #99627E;
	margin-right: 20px;
}

.photoAGauche{
	float: right; 
	text-align: center;
	font-family: georgia;
	font-size: 12px;
	margin-top: 75px;
}

.profilOnglet {
	display:inline-block;
	cursor:pointer;
	background-color: #625780;
	color: #ffffff;
	padding: 10px;
	margin-left: -5px;
	font-family: trebuchet ms;
	font-variant: small-caps;
	font-size: 17px;

}
            
.profilOnglet_0 {

	

}

.profilOnglet_1 {
	color: #000000;
	background-color: #F8FBB9;
	border-left: 5px solid #625780;
}

.profilOnfglet_1:hover{
	color: #a10101;
}


.contenu_profilOnglet {
	margin-top:-1px;
	margin-left: -5px;
	padding: 5px;
	font-family: arial;
	display:none;
	height: 400px;
	width: 600px;
	background-color: #F8FBB9;
	border-radius: 0px 100px 30px 100px;
	-webkit-border-radius: 0px 100px 30px 100px;
	border-left: 5px solid #625780;
	
	transition: 0.8s;
	-moz-transition: 0.8s;
	-webkit-transition: 0.8s;
	-o-transition: 0.8s; 

}

.contenu_profilOnglet:hover {
	border-right: 10px solid #99627E;
	transition: 0.8s;
	-moz-transition: 0.8s;
	-webkit-transition: 0.8s;
	-o-transition: 0.8s; 
}

input, textarea, select, option {
 background-color:#F7F7F9;
 width: 150px;
 }
input, textarea, select {
width: 150px;
 padding:3px;
 border:1px solid #CCCCCD;
 border-radius:5px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }

input[type=submit], input[type=reset] {
 width:100px;
 margin-left:5px;
 box-shadow:1px 1px 1px #625780;
 cursor:pointer;
 background-color: #625780;
 font-family: georgia;
 letter-spacing: -1px;
 }
 
.opacity{
 opacity: 0.5;
   transition: 0.8s;
-moz-transition: 0.8s;
-webkit-transition: 0.8s;
-o-transition: 0.8s; 
	
}
.opacity:hover{
 opacity: 1;
   transition: 0.8s;
-moz-transition: 0.8s;
-webkit-transition: 0.8s;
-o-transition: 0.8s; 
}

table {
  padding-top:0px;
  padding-bottom: 0px;
  padding-left: 20px;
}

td{
	padding-left: 20px;
}

libe{
	letter-spacing: -1px;
	color: #36206F;
}
